<!DOCTYPE html>
<html>

<head>
	<title>圣珈场馆主页</title>
	<!--登录后动态显示圣珈-->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />

	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0,1);
		}
	</script>
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<link href="css/contact.css" rel='stylesheet' type='text/css' />
	<link href="css/about.css" rel='stylesheet' type='text/css' />
	<link rel="stylesheet" href="css/team.css" type="text/css" media="all" />
	<link href="css/font-awesome.css" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i,800" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Mallanna" rel="stylesheet">
</head>

<body>
	<!--/top-bar-->
	<div class="top-bar_sub_w3ls_agileits">
		<h6>
			<i class="fa fa-phone" aria-hidden="true"></i> 联系我们 : 00950804988436
			<a href="contact.html">联系我们 </a>
		</h6>
		<div class="search">
			<h5>
				<a class="sign" href="#" data-toggle="modal" data-target="#myModal">圣珈瑜伽馆</a>
				<!--登录，点击此处跳转到信息完善-->
			</h5>
			<div class="cd-main-header_w3layouts_agile">
				<ul class="cd-header_w3layouts_agile-buttons">
					<li>
						<a class="cd-search-trigger" href="#cd-search">
							<span></span>
						</a>
					</li>
				</ul>
				<!-- cd-header_w3layouts_agile-buttons -->
			</div>
			<div id="cd-search" class="cd-search">
				<form action="#" method="post">
					<input name="Search" type="search" placeholder="输入完成按Enter确认...">
				</form>
			</div>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!--/top-bar-->
	<div class="header_w3layouts_agile-main inner_banner">
		<header class="header" id="home">
			<!--/top-bar-->
			<div class="top-bar">
				<nav class="navbar navbar-default">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">切换导航</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<h1>
							<a class="navbar-brand" href="index.html">Woniu
								<span>woniu yoga platform</span>
							</a>
						</h1>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
						<nav>
							<ul class="top_nav">
								<li>
									<a class="active" href="index.html">主页</a>
								</li>
								<li>
									<a href="about.html">寻找教练</a>
								</li>
								
								<li>
									<a href="app.html">附近学员</a>
								</li>
									
								<li>
									<a href="gallery.html">瑜伽展示</a>
								</li>
								<li>
									<a href="contact.html">联系我们</a>
								</li>
							</ul>
						</nav>
					</div>
				</nav>
			</div>
			<!--//top-bar-->
		</header>
	</div>
	<!--//inner_banner-->
	<!--/short-->
	<div class="services-breadcrumb">
		<div class="inner_breadcrumb">

			<ul class="short">
				<li>
					<a href="index.html" style="color:#080808;">场馆主页</a>
					<span>|</span>
				</li>
				<li><a href="#">信息完善</a></li>
			</ul>
		</div>
	</div>
	<!--//short-->
	<!-- //inner_content -->

	<!-- Modal1 -->
	
	<!-- //Modal1 -->
	<!-- Modal2 -->
	
	<!-- //Modal2 -->

	<!--//header_w3layouts_agile-->
	<div class="banner_bottom">
		<div class="container">
			<h3 class="header_w3layouts_agile">场馆展示</h3>

			<div class="inner_sec_w3_agileinfo">
				<div class="ab_info">
					<img src="images/banner1.jpg" alt=" " class="img-responsive">
					<h4>圣伽瑜伽馆</h4>
					<p class="sub_p">Message，场馆信息
						场馆宗旨，个性签名和介绍. 场馆宗旨，个性签名和介绍场馆宗旨，个性签名和介绍场馆宗旨，个性签名和介绍场馆宗旨，个性签名和介绍场馆宗旨，个性签名和介绍场馆宗旨，个性签名和介绍场馆宗旨，个性签名和介绍场馆宗旨，个性签名和介绍场馆宗旨，个性签名和介绍
					</p>
				</div>

				<div class="news-main">
					<div class="col-md-6 news-left" data-aos="fade-up">
						<div class="col-md-6 b_left">
							<img src="images/g4.jpg" alt=" " class="img-responsive">

						</div>
						<div class="col-md-6 b_right" data-aos="fade-down">
							<img src="images/g1.jpg" alt=" " class="img-responsive">

						</div>
					</div>
					<div class="col-md-6 news-right" data-aos="fade-left">
						<h4>场馆发布状态  下面是状态评论</h4>
						<p class="sub_p">今天天气不错，来了1000个学员。大家快来锻炼啊
						</p>
						<p>状态评论：-----------------
							所有评论全堆在这里 
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- //about -->
	
	<!--课程种类介绍-->
	<div class="sec_video">
		<div class="container">
			<div class="about-main about1">
				<div class="col-md-4 about-gd" data-aos="fade-left">
					<div class="about-sub-gd">
						<h4>我们的课程</h4>
						<p>Sed congue elit malesuada nibh, a varius odio vehicula aliquet. Aliquam consequat, nunc quis </p>
					</div>
					<div class="about-sub-gd">
						<h4>Vinyasa瑜伽</h4>
						<p>Sed congue elit malesuada nibh, a varius odio vehicula aliquet. Aliquam consequat, nunc quis </p>
					</div>
				</div>
				<div class="col-md-4 about-gd1" data-aos="fade-down">
					<img src="images/video.jpg" class="img-responsive" alt="">
				</div>
				<div class="col-md-4 about-gd ab-right" data-aos="fade-right">
					<div class="about-sub-gd">
						<h4>流瑜伽</h4>
						<p>Sed congue elit malesuada nibh, a varius odio vehicula aliquet. Aliquam consequat, nunc quis </p>
					</div>
					<div class="about-sub-gd">
						<h4>哈他瑜伽</h4>
						<p>Sed congue elit malesuada nibh, a varius odio vehicula aliquet. Aliquam consequat, nunc quis </p>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--/video-->
	<!-- /projects -->
	<div class="banner_bottom">
		<div class="container">
			<h3 class="header_w3layouts_agile">签约教练</h3>
			<div class="inner_sec_w3_agileinfo">
				<div class="col-md-3 team_grid_info" data-aos="fade-left">
					<img src="images/t1.jpg" alt=" " class="img-responsive" />
					<h3>Jane Mycle </h3>
					<p>教练</p>

					<div class="team_icons">
						<ul>
							<li>
								<a href="#" class="phone">
									<i class="fa fa-phone" aria-hidden="true"></i>
								</a>
							</li>
							<li>
								<a href="#" class="qq">
									<i class="fa fa-qq" aria-hidden="true"></i>
								</a>
							</li>
							<li>
								<a href="#" class="weibo">
									<i class="fa fa-weibo" aria-hidden="true"></i>
								</a>
							</li>

						</ul>
					</div>

				</div>
				<div class="col-md-3 team_grid_info" data-aos="fade-up">
					<img src="images/t2.jpg" alt=" " class="img-responsive" />
					<h3>Amanda Seylon </h3>
					<p>教练</p>

					<div class="team_icons">
						<ul>
							<li>
								<a href="#" class="phone">
									<i class="fa fa-phone" aria-hidden="true"></i>
								</a>
							</li>
							<li>
								<a href="#" class="qq">
									<i class="fa fa-qq" aria-hidden="true"></i>
								</a>
							</li>
							<li>
								<a href="#" class="weibo">
									<i class="fa fa-weibo" aria-hidden="true"></i>
								</a>
							</li>

						</ul>
					</div>
				</div>
				<div class="col-md-3 team_grid_info" data-aos="fade-down">
					<img src="images/t3.jpg" alt=" " class="img-responsive" />
					<h3>Laura Mark</h3>
					<p>教练</p>

					<div class="team_icons">
						<ul>
							<li>
								<a href="#" class="phone">
									<i class="fa fa-phone" aria-hidden="true"></i>
								</a>
							</li>
							<li>
								<a href="#" class="qq">
									<i class="fa fa-qq" aria-hidden="true"></i>
								</a>
							</li>
							<li>
								<a href="#" class="weibo">
									<i class="fa fa-weibo" aria-hidden="true"></i>
								</a>
							</li>

						</ul>
					</div>

				</div>
				<div class="col-md-3 team_grid_info" data-aos="fade-right">
					<img src="images/t4.jpg" alt=" " class="img-responsive" />
					<h3>Jane Mycle </h3>
					<p>教练</p>

					<div class="team_icons">
						<ul>
							<li>
								<a href="#" class="phone">
									<i class="fa fa-phone" aria-hidden="true"></i>
								</a>
							</li>
							<li>
								<a href="#" class="qq">
									<i class="fa fa-qq" aria-hidden="true"></i>
								</a>
							</li>
							<li>
								<a href="#" class="weibo">
									<i class="fa fa-weibo" aria-hidden="true"></i>
								</a>
							</li>

						</ul>
					</div>

				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!-- //projects -->
	<!-- /stats -->
	<div class="stats_test">
		<h3 class="header_w3layouts_agile two">数  据</h3>
		<div class="inner_sec_w3_agileinfo">
			<div class="stats">
				<div class="stats_left counter_grid">
					<i class="fa fa-building-o" aria-hidden="true"></i>
					<p class="counter">7</p>
					<h4>课程</h4>
				</div>
				<div class="stats_left counter_grid1">
					<i class="fa fa-user" aria-hidden="true"></i>
					<p class="counter">10</p>
					<h4>教练</h4>
				</div>
				<div class="stats_left counter_grid2">
					<i class="fa fa-users" aria-hidden="true"></i>
					<p class="counter">56</p>
					<h4>学员</h4>
				</div>
				<div class="stats_left counter_grid3">
					<i class="fa fa-smile-o" aria-hidden="true"></i>
					<p class="counter">1045</p>
					<h4>好评</h4>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>

	<!-- //stats -->
	<!--/bottom-->
	
	
	<!-- //newsletter-->
<!--/tesimonials-->
<div class="tesimonials">
		
		<div class="container">
			<h3 class="header_w3layouts_agile two">好评如潮</h3>
			<div class="inner_sec_w3_agileinfo">
				<div class="test_grid_sec">
					<div class="col-md-offset-2 col-md-8">
						<div class="carousel slide two" data-ride="carousel" id="quote-carousel">
							<!-- Bottom Carousel Indicators -->
							<ol class="carousel-indicators two">
								<li data-target="#quote-carousel" data-slide-to="0" class="active"></li>
								<li data-target="#quote-carousel" data-slide-to="1"></li>
								<li data-target="#quote-carousel" data-slide-to="2"></li>
							</ol>

							<!-- Carousel Slides / Quotes -->
							<div class="carousel-inner">

								<!-- Quote 1 -->
								<div class="item active">
									<blockquote>
										<div class="test_grid">
											<div class="col-sm-3 text-center test_img" data-aos="fade-down">
												<i class="fa fa-user" aria-hidden="true"></i>

											</div>
											<div class="col-sm-9 test_img_info" data-aos="fade-up">
												<p>曾丽娟教练非常好，（复制粘贴发送此条评论五毛，括号内删去）</p>
												<h6>Sara Lisbon</h6>
											</div>
										</div>
									</blockquote>
								</div>
								<!-- Quote 2 -->
								<div class="item">
									<blockquote>
										<div class="test_grid">
											<div class="col-sm-3 text-center test_img" data-aos="fade-down">
												<i class="fa fa-user" aria-hidden="true"></i>
											</div>
											<div class="col-sm-9 test_img_info" data-aos="fade-up">
												<p>这个场馆非常好，（复制粘贴发送此条评论五毛，括号内删去）</p>
												<h6>Jane Wearne</h6>
											</div>
										</div>
									</blockquote>
								</div>
								<!-- Quote 3 -->
								<div class="item">
									<blockquote>
										<div class="test_grid">
											<div class="col-sm-3 text-center test_img" data-aos="fade-down">
												<i class="fa fa-user" aria-hidden="true"></i>
											</div>
											<div class="col-sm-9 test_img_info" data-aos="fade-up">
												<p>里面设施很齐全，（复制粘贴发送此条评论五毛，括号内删去）</p>
												<h6>Alice Williams</h6>
											</div>
										</div>
									</blockquote>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="banner_bottom">
	<div class="container">
	<div class="mail_form">
				<h3 class="header_w3layouts_agile">亲，给个好评</h3>
				<div class="inner_sec_w3_agileinfo">
					<form action="#" method="post">
						
						<span class="input input--chisato">
							<input class="input__field input__field--chisato" name="标题" type="text" id="input-15" placeholder=" " required="" />
							<label class="input__label input__label--chisato" for="input-15">
								<span class="input__label-content input__label-content--chisato" data-content="标题">标题</span>
							</label>
						</span>
						<textarea name="Message" placeholder="请输入评论内容..." required=""></textarea>
						<input type="submit" value="提交评论">
					</form>

				</div>
			</div>
			<div class="clearfix"> </div>

		</div>
	</div>

	<!-- bootstrap-modal-pop-up -->
	<div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal" style="width: 1800px;">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header_w3layouts_agile">
					模态框弹框
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<img src="images/model.jpg" alt=" " class="img-responsive" />
					<p>弹框正文内容。弹框正文内容。弹框正文内容。弹框正文内容。弹框正文内容。弹框正文内容。弹框正文内容。弹框正文内容。
						弹框正文内容。弹框正文内容。弹框正文内容。弹框正文内容。弹框正文内容。弹框正文内容。弹框正文内容。弹框正文内容。
					</p>
				</div>
			</div>
		</div>
	</div>
	<!-- //bootstrap-modal-pop-up -->
	<!--footer-->
	<footer class="contact-footer">

		<div class="bottom-social">
			<div class="container">
				<div class="col-md-8 botttom-nav-w3ls-agile">
					<ul class="f_links col-md-4" data-aos="zoom-in">
						<li>
							<a href="index.html">主页</a>
						</li>
						<li>
							<a href="about.html">寻找教练</a>
						</li>
						<li>
							<a href="services.html">附近学员</a>
						</li>
						<li>
							<a href="gallery.html">瑜伽展示</a>
						</li>
						<li>
							<a href="contact.html">联系我们</a>
						</li>
					</ul>
					<ul class="f_links col-md-4" data-aos="zoom-in">
						<li>
							<a href="index.html">话题</a>
						</li>
						<li>
							<a href="404.html">博客</a>
						</li>
						<li>
							<a href="404.html">特色</a>
						</li>
						<li>
							<a href="services.html">服务</a>
						</li>

					</ul>
					<ul class="f_links thrd col-md-4" data-aos="zoom-in">
						<li>
							<a href="index.html">话题</a>
						</li>
						<li>
							<a href="404.html">报错</a>
						</li>
						<li>
							<a href="app.html">手机 App</a>
						</li>


					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="col-md-4 social-icons" data-aos="zoom-in">
					<h6>联系我们</h6>
					<a class="phone" href="#">
						<span class="fa fa-phone"></span>
					</a>
					<a class="qq" href="#">
						<span class="fa fa-qq"></span>
					</a>
					<a class="weibo" href="#">
						<span class="fa fa-weibo"></span>
					</a>
					<a class="wechat" href="#">
						<span class="fa fa-wechat"></span>
					</a>
				</div>
				<div class="clearfix"></div>

			</div>
		</div>
		<div class="copy">
			<h2 class="footer-logo">
				<a href="index.html">Woniu
					<span>woniu yoga platform</span>
				</a>
			</h2>
			<p>Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="#">蜗牛学院</a></p>
			<div class="clearfix"></div>
		</div>
	</footer>
	<!--/footer -->

	<!-- js -->
	<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
	<!-- //js -->
	<!-- password-script -->
	<script type="text/javascript">
		window.onload = function () { 
			}

		function validatePassword() {
			var pass2 = document.getElementById("password2").value;
			var pass1 = document.getElementById("password1").value;
			if (pass1 != pass2)
				document.getElementById("password2").setCustomValidity("Passwords Don't Match");
			else
				document.getElementById("password2").setCustomValidity('');
			//empty string means no validation error
		}
	</script>
	<!-- //password-script -->
	<!-- /js files -->
	<link href='css/aos.css' rel='stylesheet prefetch' type="text/css" media="all" />
	<link href='css/aos-animation.css' rel='stylesheet prefetch' type="text/css" media="all" />
	<script src='js/aos.js'></script>
	<script src="js/aosindex.js"></script>
	<!-- //js files -->
	<!--search-bar-->
	<script src="js/main.js"></script>
	<!--//search-bar-->
	<!-- stats -->
	<script src="js/jquery.waypoints.min.js"></script>
	<script src="js/jquery.countup.js"></script>
	<script>
		$('.counter').countUp();
	</script>
	<!-- //stats -->
	<!-- start-smoth-scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 900);
			});
		});
	</script>
	<!-- start-smoth-scrolling -->

	<script type="text/javascript">
		$(document).ready(function () {
			/*
									var defaults = {
							  			containerID: 'toTop', // fading element id
										containerHoverID: 'toTopHover', // fading element hover id
										scrollSpeed: 1200,
										easingType: 'linear' 
							 		};
									*/

			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>

	<a href="#home" class="scroll" id="toTop" style="display: block;">
		<span id="toTopHover" style="opacity: 1;"> </span>
	</a>
	<script type="text/javascript" src="js/bootstrap.js"></script>


</body>

</html>